
/* default.htm ----------*/
#header{
	.username {
		display: none;
	}
	&.default{
		padding:30px 0 220px;
		background-image:url(/images/default_banner.jpg);
		background-position:bottom center;
		background-size: auto 220px;
		background-repeat: repeat-x;
		.con{
			&:first-child{
				.text-right{
					*{display:block;font-size:120%;}
					span{color: $brand-theme;}
					strong{color:$gray-dark;font-size:115%;}
				}
			}
			&:last-child{
				text-align:center;
				h2{
					line-height:1.7;
					span{
						margin:0 5px;
						background:$brand-theme;
						color:$brand-theme-word;
						padding:3px 8px;
						@include border-radius($border-radius-base);
						position:relative;
						&:after{
							position:absolute;
							top:100%;
							left:10px;
							@include size(0,0);
							content:"";
							border:6px solid $brand-theme;
							border-right-color:transparent;
							border-bottom-color:transparent;
						}
					}
				}
				h2+p{
					padding:5px 0;font-size:140%;
					i{margin-left:10px;}
					a{padding-left:10px;text-decoration: none;}
				}
			}
		}
	}
	@media(max-width:767px){
		&.default{
			background-size: auto 140px;padding:30px 0 140px;
			.con:first-child{
				text-align:center;
				.text-right{
					padding-top:20px;text-align:center;
				}
			}
		}
	}
}



.default-service{
	background: #fff;
	text-align: center;
	[class*="col-"],[class^="col-"]{
		padding-top:50px;
		padding-bottom:60px;
		i{
			margin:0 auto 15px;
			display:block;
			@include square(36px);
			background:url(/images/default-icon.png) no-repeat -8px -8px;
		}
		&:nth-child(2) i{background-position:-60px -8px;}
		&:nth-child(3) i{background-position:-112px -8px;}
		&:nth-child(4) i{background-position:-164px -8px;}
		strong{display:block;margin-bottom:15px;font-size:160%;color:$brand-theme;}
		p{margin-bottom:5px;font-size:110%;color:$brand-dark-light;}
	}
	@media(max-width:991px){
		[class*="col-"],[class^="col-"]{
			border-right:1px solid $gray-line;
			border-bottom:1px solid $gray-line;
			&:nth-child(2),
			&:nth-child(4){border-right:none;}
			&:nth-child(3),
			&:nth-child(4){border-bottom:none;}
		}
	}
	@media(max-width:767px){
		[class*="col-"],[class^="col-"]{
			border:none;
			border-bottom:1px solid $gray-line;
			&:nth-child(3){border-bottom:1px solid $gray-line;}
			&:nth-child(4){border-bottom:none;}
		}
	}
}


.default-brand{
	padding:30px 0;
	h3{
		strong{color:$brand-match;display:block;}
	}
	.list{
		@include clearfix();
		.item{
			padding:15px 0;float:left;width:20%;text-align:center;
			img{max-width:200px;width:90%;}
		}
		@media(max-width:768px){
			.item{
				width:50%;text-align:left;padding-left:15px;
				&:nth-child(2n+1){text-align:right;padding-right:15px;padding-left:0;}
			}
		}
	}
	.btn{
		background:none;margin-top:20px;
		&:hover{background:rgba(0,0,0,.1);}
	}
}


.default-case{
	position:relative;
	img{width:100%;}
	p{
		position:absolute;top:50%;left:50%;@include translate(-50%,-50%);color:#fff;font-size:240%;font-weight:bold;
		strong{font-family:Verdana;margin:0 5px;}
	}
}


.default-team{
	padding:40px 0;
	h3{
		text-align:center;font-size:$font-size-large;position:relative;
		strong{padding:0 15px;background:#f8f9f9;position:relative;z-index:10;}
		&:before{z-index:9;position:absolute;top:50%;left:50%;@include translate(-50%,-50%);@include size(100%,1px);content:"";background:rgba(0,0,0,.1);}
	}
	.list{
		margin-top:30px;width: 100%;height:auto;overflow: hidden;position:relative;
		.hd .prev,.hd .next{@include centerY();overflow:hidden;cursor:pointer;font-size:400%;color:$brand-dark-lighter;@include opacity(.5);}
		.hd .prev{left:0;}
		.hd .next{right:0;}
		.bd{padding:0 20px;}
		.bd ul{overflow:hidden;}
		.bd ul li{width:16.667%;float:left;display:inline;overflow:hidden;text-align:center;}
		.bd ul li .pic{text-align:center;}
		.bd ul li .pic img{display:block;@include square(120px);@include border-radius(100%);margin:0 auto;}
		.bd ul li .title{margin-top:10px;line-height:24px;}
		.tempWrap{margin:0 auto;}
		strong{display:block;font-size:120%;}
		span{color:$brand-dark-light;}
		@media(max-width:991px){
			.bd ul li{width:25%;}
		}
	}
}

.default-coop{
	padding:30px 0;background:url(/images/default-foot.jpg) bottom center no-repeat #fff;text-align:center;
	.con{
		margin:0 auto;width:600px;
		> div{padding-top:5px;padding-bottom:5px;}
	}
	img{max-width:285px;width:100%;}
}
@media(max-width:1199px){
	.default-coop{
		background-size: 100% auto;
		.con{
			width:60%;max-width:600px;
		}
	}
}
@media(max-width:767px){.default-coop .con > div{padding:0;}}



#footer{
	border-top:2px solid $brand-dark;
	.service{
		padding:30px 0;border-bottom:1px solid $gray-line;
		>div{padding-left:80px;position:relative;border-right:1px solid $gray-line;}
		i{position:absolute;left:15px;top:0;display:block;@include square(50px);@include border-radius($border-radius-all);border:3px solid $brand-theme;background:url(/images/default-icon.png) no-repeat -2px 0px;background-size:auto 44px;}
		div:nth-child(2) i{background-position:-44px -1px;}
		div:nth-child(3) i{background-position:-89px 0px;}
		div:nth-child(4) i{background-position:-132px 0px;}
		> div:last-child{border:none;}
		strong{display:block;color:$brand-theme;margin-bottom:2px;}
		small{display:block;color:$brand-dark-light;font-size:75%;}
	}
	.copy{
		padding:30px 15px;
		ul li{
			position:relative;padding:0 10px;
			a{color:$brand-dark;}
			&:before{position:absolute;content:".";right:-4px;top:-12px;font-size:150%;color:$gray-lighter;}
			&:last-child:before{content:"";}
			&:first-child{padding-left:5px;}
		}
		ul+p{
			font-size:90%;color:$brand-dark-light;
			a{margin:0 5px;}
		}
		.btn{
			i{margin-right:5px;}
		}
		.btn+span{
			padding-right:0;line-height:46px;font-size:$font-size-large;color:$gray-light;
			i{margin:0 5px 0 20px;display: inline-block;@include square(40px);border:2px solid $gray-light;line-height:36px;text-align:center;font-size:200%;@include border-radius($border-radius-all);position:relative;top:6px;}
		}
	}

	@media(max-width:1200px){
		.service{
			>div{padding-left:15px;text-align:center;}
			i{position:relative;top:0;left:0;margin:0 auto 10px;}
		}
		.copy{
			i,.btn+span i{display:none;}
			.btn-lg{padding:6px 12px;margin-right:10px;line-height:1.42857;font-size:$font-size-base;}
		}
	}

	@media(max-width:767px){
		.service{
			>div{border-bottom:1px solid $gray-line;}
			> div:nth-child(2){border-right:none;}
			> div:nth-child(3){border-bottom:none;}
			> div:nth-child(1),> div:nth-child(2){padding-bottom:20px;}
			> div:nth-child(3),> div:nth-child(4){padding-top:20px;}
			i{position:relative;top:0;left:0;margin:0 auto 10px;}
		}
		.copy{
			.text-right{text-align:left;}
			i,.btn+span i{display:inline-block;}
			.btn+span i{font-size:140%;@include square(32px);line-height:30px;top:3px;}
		}
	}
	@media(max-width:340px){
		.text-right{
			text-align: center;
			> *{display:block;text-align: center;}
			span{text-indent:-2em;}
			span i{text-indent:0;}
		}
	}
}
	.input-group .input-search-text {
		padding-left: 60px;
	}
	.input-search-term {
		position: absolute;
		left: 0;
		top: 0;
		width: 55px;
		height: 46px;
		text-align: center;
		line-height: 46px;
		z-index: 3;
		cursor: pointer;
	}
	.input-search-term:after {
		position: absolute;
		right: 0;
		top: 21px;
		content: '';
		display: block;
		width: 0px;
		height: 0px;
		border-top: 5px solid #333;
		border-left: 5px solid rgba(0,0,0,0);
		border-right: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}
